﻿/*扩展淘宝样式*/
@import url(http://at.alicdn.com/t/font_1473240516_9751368.css);

.ms-controller, [ms-controller] {
    display: none;
}
img{max-width: 100%;}

.buttons-tab .button {
   
    border-bottom: 1px solid transparent;
    
}
.card-content {
    margin-top: .5rem;
}

.card-footer {
    min-height: 1.6rem;
    display: -web
        kit-box !important;
}
/*控制内容的图片大小*/
.card-item img{max-height: 100%;
    height: auto !important;
}




.list-block .item-content{padding-left:.55rem}
.list-block{font-size:.75rem}
.card .oneline{margin:0;padding-left:.5rem;padding-bottom:.5rem;font-size:.65rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



.card {box-shadow: none !important;margin: .7rem 0.5rem;}

.card-header p {margin: 0;}

.item-title {-webkit-box-flex: 1;}

.ribbon-wrapper-green{overflow:hidden;position:absolute;width:3rem;height:3rem;top:0;right:0}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.list-all-item{height:1.5rem;line-height:1.5rem;padding:0 20px;background:#F6F6F6}
.list-all-item a{color:#666;padding:0 5px}


/*带附件的样式*/
.filelist{list-style:none;overflow:auto;margin:0;padding:0}
.filelist li{float:left;margin-right:9px;margin-bottom:9px;background:no-repeat center center;background-size:cover}
.filelist li img{max-height:60px;max-width:60px;width:55px;height:60px}
.filelist li .fileinfo{width:60px;display:block;font-size:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center}
.card-content-inner div,.card-content-inner p,.card-content-inner span{white-space:normal!important}
.card-content-inner table{width:100%!important}
.card-content-inner img{height:auto!important;width:auto!important\9;width:100%!important}

/*加载动画*/
.szhlloading{width:80px;height:80px;background-color:#67CF22;margin:40px auto;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out}
@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px)}
50%{-webkit-transform:perspective(120px) rotateY(180deg)}
100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}
}
@keyframes rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0) rotateY(0)}
50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}

/*评分 星星样式*/

.imgBtn{float:left;background-image:url(/View_Mobile/Images/face/imgs.png);background-repeat:no-repeat;background-position:0 -13px;height:18px;width:20px;cursor:pointer}
.imgBtn:hover{background-position:0 -31px}
.faceDiv{position:absolute;background-color:#fff}
.faceDiv>img{float:left;margin-left:-1px;margin-top:-1px;position:relative;width:32px;height:32px;padding:3px 3px 3px 3px;cursor:pointer}
.faceDiv>img:hover{background-color:#efefef}
.faceDiv>img:active{padding:4px 3px 2px 3px}
.crm-dt .pfdv img {
    width: 14px;
    height: 14px;
    display: inline-block;
}

/*表情输入框*/
h3,p{padding:0;margin:0}
.ml10{margin-left:.5rem}
.c999{color:#999}
.card{font-size:.65rem}
.word-break2{font-size:.7rem;color:#5f646e;position:relative;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}
.ft14{font-size:.6rem}
.p5{padding:.5rem 0}
.pt5{padding-top:.5rem}
.facebook-card .facebook-date{margin-left:2.3rem}
.card-footer,.card-header{margin:0;font-size:.65rem;border-bottom:1px solid #F7F7F7;min-height:0;padding:.5rem 0;margin:0 .5rem}
.facebook-card .card-header{display:block;padding:.5rem 0;margin:0 .5rem}

/*没有头像*/
.facebook-card.no-head .facebook-date{margin-left:0}
.facebook-card .card-header.no-bottom{padding:.5rem 0 0 0;border-bottom:0}
.facebook-card.no-head .card-content{margin-top:0}
.facebook-date{position:relative}
.border-r{border-radius:50%}
.card-item{padding:0 .5rem;margin-bottom:.1rem;font-size:.65rem}
.title-item{min-width:3.5rem;display:inline-block;word-wrap:break-word;word-break:normal}
.buttons-tab.list-op .button{font-size:.7rem}
.list-op{margin-top:.2rem;font-size:.6rem;margin:.5rem 0 0 0}
.list-op a .iconfont{font-size:.7rem;color:#72b29f;margin-right:.1rem}
.buttons-tab:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:0;width:100%;background-color:#d0d0d0;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}

/*绿色角标*/
.ribbon-green{top:.5rem;width:5rem;padding:.1rem;font-size:.7em;text-align:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);position:relative;left:-.5rem;background-color:#5ad691;color:#FBFBFB}
/*红色角标*/
.ribbon-red{top:.5rem;width:5rem;padding:.1rem;font-size:.7em;text-align:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);position:relative;left:-.5rem;color:#fff;background-color:#e84c3d}
/*灰色角标*/
.ribbon-gray{top:.5rem;width:5rem;padding:.1rem;font-size:.7em;text-align:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);position:relative;left:-.5rem;color:#fff;background-color:#BDBDBD}
/*跟进记录样式*/
.menu-general {background-color: #fff;height: 1.5rem;line-height: 1.5rem;position: relative;  margin: 0 .5rem;}
 .menu-general ul{overflow:hidden;padding-left:0;margin:.2rem 0}
.menu-general ul li{float:left;margin-right:.5rem;position:relative}
.menu-general ul li a{color:#666}
.menu-general ul li.active a{color:#12b8f6}
.menu-general ul li.active{border-bottom:1px solid #12b8f6;color:#666}
.crm-dt{border-left:1px solid #12b8f6;position:relative;margin-left:1rem;padding:.3rem .5rem}
.crm-dt-cont{border:1px solid #f3f3f3;position:relative;background-color:#f9f9f9}
.bg{width:0;height:0;border-top:10px solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;position:absolute;left:-10px;top:13px;z-index:100}
.wt{width:0;height:0;border-top:10px solid transparent;border-right:10px solid #dedede;border-bottom:10px solid transparent;position:absolute;left:-11px;top:13px;z-index:99}
.crm-dt .crm-yuan{width:10px;height:10px;background-color:#12b8f6;border-radius:1000px;position:absolute;top:30px;left:-5px}
.crm-dt-cont h3{color:#666;font-weight:100;font-size:.7rem}
.pic-list li{float:left;margin-right:15px}
.m5{margin:.3rem}
.m35{margin:.5rem}
/*打电话*/
.tell-meil {position: absolute;right: 0;top: -.7rem;}
.tell-meil img {width: 1.5rem;height: 1.5rem;display: inline-block;margin-left: .3rem;}
/*右边按钮*/
.right-panel{position: fixed;bottom: 1rem;right: .5rem;}
.right-panel img{width:100%;height:100%;}
.right-panel ul{margin:0;padding:0}
.right-panel li{width:2rem;height:2rem;list-style:none;margin-top:.3rem; opacity:.9}
/*弹出搜索样式*/
.search-top{position:fixed;top:0;left:0;z-index:99999;   width:100%;background:#fff;box-shadow: 0px 0px 8px #D2D2D2;}
.search-top .searchbar{ padding: 0.4rem 0.5rem;}
.search-top .searchbar .searchbar-cancel{color:#666; opacity:1;margin-right:0}
.search-top .search-input input{border-color:#E6E6EB;border-radius:.1rem;}
.search-top .search-input{margin-right:2.5rem;margin-left:1.5rem;}
.search-close{}
.search-top .searchbar .searchbar-cancel.search-close{left: 0;right: auto;float: left;width: 1.5rem;}
/*在左边的角标*/
.bt h2{float:left;color:#fff;font-size:.5rem;font-weight:400;background:#5DC7E6;margin:-.25rem 0 0 1rem;padding:0 .6rem;position:absolute;z-index:2;top:0}
.bt h2 em{width:0;height:0;border-bottom:.25rem solid #4FAAC4;border-left:.25rem solid transparent;position:absolute;left:-.25rem;top:0}
